<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<meta name="description" content="core.CSS 的目的是，在一致化浏览器排版效果的同时，构建最适合中文阅读的网页排版。"/>
	<link rel="stylesheet" href="./css/core.css" />
	<title>core.CSS - 中文网页重设与排版</title>
	<style>
	   body{margin:0 20px;}
	   li{width:250px;float:left}
    </style>
    <!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
</head>
<body>

                <h1>按钮</h1>
                <table class="table table-bordered table-striped">
            <thead>
              <tr>
                <th>按钮</th>
                <th>class=""</th>
                <th>描述</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td><button type="button" class="btn">默认</button></td>
                <td><code>btn</code></td>
                <td>带渐变的标准灰色按钮</td>
              </tr>
              <tr>
                <td><button type="button" class="btn btn-primary">主要</button></td>
                <td><code>btn btn-primary</code></td>
                <td>提供额外的视觉感, 可在一系列的按钮中指出主要操作</td>
              </tr>
              <tr>
                <td><button type="button" class="btn btn-info">信息</button></td>
                <td><code>btn btn-info</code></td>
                <td>默认样式的替代样式</td>
              </tr>
              <tr>
                <td><button type="button" class="btn btn-success">成功</button></td>
                <td><code>btn btn-success</code></td>
                <td>表示成功或积极的动作</td>
              </tr>
              <tr>
                <td><button type="button" class="btn btn-warning">警告</button></td>
                <td><code>btn btn-warning</code></td>
                <td>提醒应该谨慎采取这个动作</td>
              </tr>
              <tr>
                <td><button type="button" class="btn btn-danger">危险</button></td>
                <td><code>btn btn-danger</code></td>
                <td>表示这个动作危险或存在危险</td>
              </tr>
              <tr>
                <td><button type="button" class="btn btn-inverse">反向</button></td>
                <td><code>btn btn-inverse</code></td>
                <td>备用的暗灰色按钮，不依赖于语义和用途</td>
              </tr>
              <tr>
                <td><button type="button" class="btn btn-link">链接</button></td>
                <td><code>btn btn-link</code></td>
                <td>简化一个按钮, 使它看起来像一个链接，同时保持按钮的行为</td>
              </tr>
            </tbody>
          </table>

</body>
</html>
